<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <title>
            <ui:insert name="title">#{messages.appTitle}</ui:insert>
        </title>
        
        <link rel="icon" type="image/png" href="#{resource['images:favicon.png']}" />
        <h:outputScript library="js" name="validation.js" />
        <h:outputStylesheet library="css" name="principal.css" />
    </h:head>
    <h:body>
        <div class="container">
            <h1 class="title">
                Validación y Clasificación de Puestos de Trabajo
            </h1>
            <div class="navigation">
                <ui:insert name="toolbar">
                    <ul class="nav menu nav-pills">
                        <li class="active">
                            <h:link outcome="/index" value="Inicio"/>
                        </li>
                        <li>
                            <h:link outcome="/catalog/list" value="Catálogo"/>
                        </li>
                    </ul>
                </ui:insert>
            </div>
            <div class="content">
                <ui:insert name="content">
                    Contenido
                </ui:insert>
            </div>
        </div>
        <div class="footer">
            <div class="container-footer">
                <hr/>
                <p class="pull-right">                   
                    <a href="#" class="a-foot">About</a>
                </p>
                <p>
                    © Experiencia del Desarrollador 2012
                </p>
            </div>
        </div>
    </h:body>
</html>

